<!DOCTYPE html>
<html>
<head>
<title>Content sizer</title>

<link rel="stylesheet" href="fontselector.css">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

</head>
<body style="left:500px;top:100px;position:relative;">

<div style="position:absolute;width:500px;height:100px;border: solid 1px red;
padding-top:20px; border: solid 10px red; margin:10px; outline: dotted 2px blue;">
    <div style="position:absolute;height:20px;width:100%;background: #ddddde;
        top:0px;color:white;"> </div>
    <div style="height:100%;width:100%;
    outline: dotted 2px blue;">
        
    </div>
</div>

</body>
</html>